<template>
  <div class="shopcat">
    <div class="shopcat-header">
      <common-form inline :formLabel="formLabel">
        <el-button label="left" type="primary">全选</el-button>
      </common-form>
    </div>
    <div class="shopcat-content">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="date" label="商品名" width="180">
        </el-table-column>
        <el-table-column prop="name" label="商品编号" width="180">
        </el-table-column>
        <el-table-column prop="address" label="商品数量"> </el-table-column>
        <el-table-column prop="address" label="商品价格"> </el-table-column>
        <el-table-column prop="address" label="商品总金额"> </el-table-column>
      </el-table>
      <common-table
        :tableData="tableData"
        :tableLabel="tableLabel"
        :config="config"
      ></common-table>
    </div>
    <div class="shopcat-header">
      <common-form inline :formLabel="formLabel">
        <el-button label="right" type="primary">付款</el-button>
      </common-form>
    </div>
  </div>
</template>

<script>
import CommonForm from "@/layout/CommonForm.vue";
import CommonTable from "@/layout/CommonTable.vue";
export default {
  componets: {
    CommonForm,
    CommonTable
  },
  data() {
    return {
      tableData: [],
      tableLabel: [
        {
          prop: "name",
          label: "姓名"
        },
        {
          prop: "age",
          label: "年龄"
        },
        {
          prop: "sexLabel",
          label: "性别"
        },
        {
          prop: "birth",
          label: "出生日期"
        },
        {
          prop: "addr",
          label: "地址"
        }
      ],
      config: {
        page: 1,
        total: 30,
        loading: false
      },
      searchFrom: {
        keyword: ""
      },
      formLabel: [
        {
          model: "keyword",
          label: " "
        }
      ]
    };
  }
};
</script>
<style lang="scss" scoped>
@import "~@/styles/shopcat.scss";
</style>


<style scoped></style>
